// 容器dom的class为.hrm-panel-content-wrapper, 支持拖拽的部分为.panel-header
// 实现思路: 通过拖拽panel-header来实现拖拽，拖拽时，将hrm-panel-content-wrapper的top设置为鼠标事件的clientY，拖拽边界为浏览器窗口的高度；使用事件委托和drag事件实现。
export function initDragPanel(){
  let panel = document.querySelector('.hrm-panel-content-wrapper')
  let header = document.querySelector('.panel-header')
  let isDrag = false
  let startY = 0
  let startTop = 0
  let endTop = 0
  let clientHeight = document.documentElement.clientHeight
  document.body.addEventListener('drag', function(e){

    console.log('======================')
    console.log('header: >>', header)
    console.log('======================')
    if(!header.contains(e.target)) return
    console.log('======================')
    console.log('drag e: >>', e)
    console.log('======================')
  })

  document.body.addEventListener('dragstart', function(e){
    console.log('======================')
    console.log('dragstart header: >>', header)
    console.log('======================')
    if(!header.contains(e.target)) return
    console.log('======================')
    console.log('dragstart e: >>', e)
    console.log('======================')
  })

}




// export function initDragPanel(){
//   let panel = document.querySelector('.hrm-panel-content-wrapper')
//   let header = document.querySelector('.panel-header')
//   let isDrag = false
//   let startY = 0
//   let startTop = 0
//   let endTop = 0
//   let clientHeight = document.documentElement.clientHeight
//   document.body.addEventListener('drag', function(e){
//     if(!header.contains(e.target)) return
//     console.log('======================')
//     console.log('drag e: >>', e)
//     console.log('======================')
//   })

//   document.body.addEventListener('dragstart', function(e){
//     if(!header.contains(e.target)) return
//     console.log('======================')
//     console.log('dragstart e: >>', e)
//     console.log('======================')
//   })
// }